<template>
  <div>
    <div class="login-head">
      <span @click="jumpFn()" style="color: #fff">
        <van-icon name="arrow-left"
      /></span>
      <span class="login-title">{{ title }}</span>
      <span></span>
    </div>
    <div v-html="content" class="content"></div>
  </div>
</template>

<script>
export default {
  name: "serverContent",

  data() {
    return {
      title: "",
      content: "",
    };
  },
  mounted() {},
  methods: {
      jumpFn(){
          this.$router.back()
      }
  },
  created() {
    let item = JSON.parse(window.localStorage.getItem("item"));
    this.title = item.title;
    this.content = item.text;
    console.log(item);
    console.log(this.title);
    console.log(this.content);
  },
};
</script>

<style scoped>
.login-head {
  width: 100%;
  height: 1.2576rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #0092e8;
}
.login-title {
  color: white;
  position: relative;
  left: -0.5405rem;
  font-size: 0.5405rem;
}
.content {
  padding: 16px;
  line-height: 30px;
  font-size: 12px;
  color: #666;
}
</style>